<template>
  <intro-view :usage="usage">
    <ui-checkbox-group v-model="nowSelect" :options="options"></ui-checkbox-group>
    <ui-checkbox-group v-model="nowSelect" style="margin-top: 50px">
      <ui-checkbox value="1">A</ui-checkbox>
      <ui-checkbox value="2">B</ui-checkbox>
      <ui-checkbox value="3" disabled>C</ui-checkbox>
    </ui-checkbox-group>
    {{ nowSelect }}
  </intro-view>
</template>

<script>
  import usage from './usage.md'
  export default {
    data () {
      return {
        usage,
        nowSelect: ['3'],
        options: [{value: '1', label: 'A'}, {value: '2', label: 'B'}, {value: '3', label: 'C', disabled: true}]
      }
    },
    methods: {
    },
    mounted () {
    }
  }
</script>
